{% extends "djangodemo/base.html" %}

{% block header %}
    <h1>Topics.</h1>
{% endblock %}

{% block content %}
    <ul>
        {% for topic in topics %}
            <li>
                <h3>
                    <a href="{% url 'djangodemo:topic' topic.id %}">{{ topic }}</a>
                </h3>
            </li>
        {% empty %}
            <li>No topics have been added yet.</li>
        {% endfor %}
    </ul>

    <h3>
        <a href="{% url 'djangodemo:new_topic' %}">Add a new topic</a>
    </h3>
{% endblock content %}
